<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>选课页面</title>
    <link rel="stylesheet" th:href="@{/styles.css}" />
  </head>
  
  <body>
<<<<<<< HEAD
  
    <form method="POST" th:object="${design}">
    <div class="name" th:each="user:${user}">
    <span>用户名：</span>
    <span th:text=${user.username}></span>
    </div>
=======
    <form method="POST" th:object="${design}">
>>>>>>> 3edfb768830aad65280760d8840187b9a62356fb
 <span class="validationError"
          th:if="${#fields.hasErrors('ingredients')}" 
          th:errors="*{ingredients}">Ingredient Error</span>
 <img th:src="@{/images/pic.png}"/>
    <div class="grid">
      <div class="ingredient-group" id="math">
      <h3>请选你的课程:</h3>
      <div th:each="ingredient : ${math}">
        <input name="ingredients" type="checkbox" th:value="${ingredient.id}" />
        <span th:text="${ingredient.name}">INGREDIENT</span><br/>
      </div>
      </div>

	  <div class="ingredient-group" id="language">
      <h3>Pick your protein:</h3>
      <div th:each="ingredient : ${language}">
        <input name="ingredients" type="checkbox" th:value="${ingredient.id}" />
        <span th:text="${ingredient.name}">INGREDIENT</span><br/>
      </div>
      </div>
      </div>
      
      <div>
      <button>提交课程</button>
      </div>
    </form>
  </body>
</html>
